<%@ page contentType="text/html;charset=UTF-8" %>
<html lang="zh-CN">
<head>
    <title>出错啦</title>
    <style>
        body { font-family: "微软雅黑", Arial, sans-serif; background: #f8f8f8; }
        .error-container { margin: 100px auto; padding: 40px; background: #fff; border-radius: 8px; width: 400px; box-shadow: 0 2px 8px #ccc; text-align: center; }
        .error-title { font-size: 28px; color: #e74c3c; margin-bottom: 20px; }
        .error-msg { color: #555; margin-bottom: 30px; }
        a { color: #3498db; text-decoration: none; }
        a:hover { text-decoration: underline; }
    </style>
</head>
<body>
<div class="error-container">
    <div class="error-title">出错啦！</div>
    <div class="error-msg">
        <c:if test="${not empty errorMsg}">
            ${errorMsg}
        </c:if>
        <c:if test="${empty errorMsg}">
            系统发生未知错误，请稍后重试。
        </c:if>
    </div>
    <a href="${pageContext.request.contextPath}/">返回首页</a>
</div>
</body>
</html>